<script >
import KeywordCard from './Thrid/KeywordCard.vue';
import CategoryCard from './Thrid/CategoryCard.vue';
export default {
  name: 'ThridCard',
  components: {
    KeywordCard,
    CategoryCard
  }
}
</script>
 <template> 
    <div class="thrid-card"> 
        <div class="left-card">
            <KeywordCard></KeywordCard>
        </div>
       <div class="right-card">
           <CategoryCard></CategoryCard>
       </div>
       
    </div>
</template> 
 <style scoped>
.thrid-card {
  display: flex;
  
  margin-top: 20px;

}
.left-card {
  width: 50%;
  margin-right: 20px;
}
.right-card {
  width: 50%;
}
</style>
